let base = require('./webpack.base')
let { merge } = require('webpack-merge')
let path = require('path')
let app = require('../mock/app')
module.exports = merge(base, {
  mode: 'development',
  plugins: [

  ],
  devtool: "cheap-module-source-map",
  devServer: {
    // 这里的配置跟生产环境没有任何关系  仅用于开发
    port: 3000, // 指定打开的服务的端口号
    // open: true, // 服务启动之后自动打开浏览器页面
    hot: true, // 启动热更新
    compress: true,
    writeToDisk: true, // 将服务启动打包的文件写入硬盘
    contentBase: path.resolve(__dirname, '../static'), // 是把static文件夹当作静态服务文件
    contentBasePublicPath: '/static123',// 访问静态资源文件的时候 需要的目录  默认是 /
    proxy: {
      // '/log': 'https://m.toutiao.com',
      '/log123': {
        target: 'https://m.toutiao.com',
        pathRewrite: {
          // 路径重写
          '/log123': '/log'
        },
        changeOrigin: true,
        // changeOrigin 后端接收到前端服务的时候 都会接收到前端的域名；
        // 这个属性 让 后端获取前端域名的时候 拿到的不是真正的前端域名而是代理的域名
      },
      '/list': {
        target: 'https://m.toutiao.com',
        changeOrigin: true,
      }
    },
    before: app
  }
})